<template>
  <div  :class="[ 'container', top_dark == '1'    ? 'dark' : '=']">
  <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-iJCRrE fIPEUP hlnpWc dbOata">
    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi WLthA hlnpWc   ys-connect">
      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-laZMeE fIPEUP hlnpWc ljWfRO left-login-bg">
        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-carFqZ eUKpaw hlnpWc linXyf">
          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi jrmkre hlnpWc"><a href="/"
                                                                      class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp">
            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi jtIZqj hlnpWc">
              <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="40" height="40" rx="8" fill="#FEDA03"></rect>
                <path
                        d="M27.6007 19.8536C28.8607 19.5262 29.9817 18.5838 29.9817 16.6889C29.9817 13.5342 27.3031 12.8 23.8706 12.8H10.2V27.0064H15.9539V22.185H22.7793C23.8309 22.185 24.446 22.6016 24.446 23.6334V27.0064H30.2V23.4548C30.2 21.5203 29.1087 20.3 27.6007 19.8536ZM22.8785 18.3556H15.9539V16.9667H22.8785C23.6325 16.9667 24.0888 17.0659 24.0888 17.6612C24.0888 18.2564 23.6325 18.3556 22.8785 18.3556Z"
                        fill="black"></path>
              </svg>
            </div>
          </a><span class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC"><span
                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-iBzEeX iAEatC glZmJR">Genesis</span> by <a href="/max"
                                                                                                     class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp sc-iTVJFM erWDmH"><span
                  data-address="0x2e0b873d26f6d90f347757ed0d041bc65e02a89f"
                  title="0x2e0b873d26f6d90f347757ed0d041bc65e02a89f" class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">🔥 Måx Ø$iRi$ 💮</span></a></span>
          </div>
        </div>
      </div>
      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-iNiQyp eUKpaw hlnpWc jdiWPe">
        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dwhfNp hlnpWc">
          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi jdZRXb hlnpWc sc-hTRkXV kQHFfY ">
            <button type="button" class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-cTJkRt jOsQKY kMthTr fOQaoY">
              <svg viewBox="0 0 14 12" fill="none" width="16" height="16" xlmns="http://www.w3.org/2000/svg"
                   class="sc-bdnxRM sc-hKFxyN hOiKLt sc-efHYUO cFSLxQ">
                <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M6.29436 0.292893C6.68488 -0.0976311 7.31805 -0.0976311 7.70857 0.292893C8.0991 0.683417 8.0991 1.31658 7.70857 1.70711L4.41568 5H12.9985C13.5508 5 13.9985 5.44772 13.9985 6C13.9985 6.55228 13.5508 7 12.9985 7H4.41568L7.70857 10.2929C8.0991 10.6834 8.0991 11.3166 7.70857 11.7071C7.31805 12.0976 6.68488 12.0976 6.29436 11.7071L0.587252 6L6.29436 0.292893Z"
                      fill="currentColor"></path>
              </svg>
              <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc kvViGK">Go to marketplace</span></button>
            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iEZsSN hlnpWc"><span
                    class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-gSYDnn kvViGK jcqGXt">Sign in with your wallet</span>
              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi ccOAwW hlnpWc"><span
                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc fFWATk">Sign in with one of available wallet providers or create a new wallet.<span
                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC"> </span><button type="button"
                                                                                   class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-jgPyTC jOsQKY kMthTr kDVqHg">What is a wallet?</button></span>
              </div>
            </div>
            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi eSUOWX hlnpWc">
              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-bBjRSN fIPEUP hlnpWc cdTyhF">
                <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi hqAiOT hlnpWc">
                  <button  @click="goIndex()"
                          class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-fujyAs sc-pNWdM jOsQKY kMthTr fHuOuj gmYFDX sc-cOifOu haQoIp blue-bg"
                          type="button">
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fla-dNG hlnpWc"><img alt="Torus"
                                                                                   src="static/img/6eb10dd4202620a6d06e.svg"
                                                                                   loading="lazy"
                                                                                   class="sc-bdnxRM sc-jNnpgg sc-dPaNzc kRuSvk fqbJCS">
                    </div>
                    <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc dlteJJ">Torus</span></button>
                </div>
                <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi hqAiOT hlnpWc">
                  <button  @click="goIndex()"
                          class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-fujyAs sc-pNWdM jOsQKY kMthTr fHuOuj gmYFDX sc-cOifOu haQoIp"
                          type="button">
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-khIgEk hYSola hlnpWc btNCjl"><img alt="Mobile Wallet"
                                                                                                   src="static/img/46e9de883ee51bb6239f.png"
                                                                                                   loading="lazy"
                                                                                                   class="sc-bdnxRM sc-jNnpgg sc-dPaNzc gVMJtR fqbJCS">
                    </div>
                    <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc dlteJJ">Mobile Wallet</span></button>
                </div>
                <button type="button"  @click="goIndex()"
                        class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-fujyAs sc-pNWdM jOsQKY kMthTr bFldtE gmYFDX">Show more
                  options
                </button>
              </div>
            </div>
            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi eSUOWX hlnpWc"><span
                    class="sc-bdnxRM sc-hKFxyN sc-eCApnc lctxxM">We do not own your private keys and cannot access your funds without your confirmation.</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
  import Header from '../components/header.vue';
  import Copyright from '../components/bottom.vue';
  export default {
     data() {
            return {
                top_dark :  localStorage.getItem('top_dark'),
            };
       },
    created() {
    },
    methods: {
      goIndex(){
        localStorage.setItem('token', "11111111111111111");
        this.$router.push("/index")
      },
      train(){
        this.$router.push("/train")
      },
      message(){
        this.$router.push("/msglist")
      },
      my(){
        this.$router.push("/my")
      },
      feedback(){
        this.$router.push("/feedback")
      }
    },
    components:{Header,Copyright}
  };
</script>

<style lang="scss" scoped>
</style>
